/* ------ La feuille de Style 2013 ------ */

html 
{  /* Taille caract - Evite un bug d'IE 6-7. */
font-size: 100% ;
}

body 
{  margin: 0 ;
padding: 30px 0 ;
text-align: center ;
color: #000 ;
background-color: #AAA ;
font-family: Arial, sans-serif ;
font-size: 1em ;
}

div 
{  margin: 0 ;
padding: 0 ;
}

div#page 
{  position: relative ;
width: 900px ;
background-color: #fff ;
margin: 0 auto ;
padding: 0 30px 2em 80px ;
text-align: left ;
border-radius: 12px ;
-moz-border-radius: 12px ;
-khtml-border-radius: 12px ;
-webkit-border-radius: 12px ;
box-shadow: 3px 3px 3px #444 ;
-moz-box-shadow: 3px 3px 3px #444 ;
-webkit-box-shadow: 3px 3px 3px #444 ;
-khtml-box-shadow: 3px 3px 3px #444 ;
overflow: hidden ;
}

body.overauto div#page 
{  overflow: auto ;
}

body.nomarge div#page 
{  padding: 0 30px 2em 50px ;
}

body.var div#page 
{  width: auto ;
min-width: 600px ;
margin: 0 30px ;
}

body.varpc div#page 
{  width: auto ;
min-width: 600px ;
margin: 0 2.5% ;
}

body.fix500 div#page 
{  width: 500px ;
}

body.fix600 div#page 
{  width: 600px ;
}

body.fix700 div#page 
{  width: 700px ;
}

body.fix800 div#page 
{  width: 800px ;
}

body.fix900 div#page 
{  width: 900px ;
}

body.fix1000 div#page 
{  width: 1000px ;
}

body.fix1100 div#page 
{  width: 1100px ;
}

body.fix1200 div#page 
{  width: 1200px ;
}

body.fix1400 div#page 
{  width: 1400px ;
}

body.limit1200 div#page 
{  max-width: 1200px ;
}

body.limit1400 div#page 
{  max-width: 1400px ;
}

body.limit1600 div#page 
{  max-width: 1600px ;
}

body.plein 
{  padding: 0 ;
background-color: white ;
}

body.plein div#page 
{  margin: 0 ;
border-radius: 0 ;
-moz-border-radius: 0 ;
-khtml-border-radius: 0 ;
-webkit-border-radius: 0 ;
box-shadow: 0 0 0 transparent ;
-moz-box-shadow: 0 0 0 transparent ;
-webkit-box-shadow: 0 0 0 transparent ;
-khtml-box-shadow: 0 0 0 transparent ;
width: auto ;
}

div#connex 
{  font-size: 0.9em ;
position: fixed ;
top: 8px ;
right: -236px ;
width: 220px ;
text-align: center ;
background-color: white ;
border-radius: 10px 0 0 10px ;
-moz-border-radius: 10px 0 0 10px ;
-khtml-border-radius: 10px 0 0 10px ;
-webkit-border-top-left-radius: 10px ;
-webkit-border-top-right-radius: 0 ;
-webkit-border-bottom-right-radius: 0 ;
-webkit-border-bottom-left-radius: 10px ;
border-width: 1px ;
border-color: #6A6A6A ;
border-style: solid ;
padding: 10px 4px 10px 30px ;
transition-property: right ;
-moz-transition-property: right ;
-webkit-transition-property: right ;
-khtml-transition-property: right ;
transition-duration: 1s ;
-moz-transition-duration: 1s ;
-webkit-transition-duration: 1s ;
-khtml-transition-duration: 1s ;
box-shadow: 3px 3px 3px #404040 ;
-moz-box-shadow: 3px 3px 3px #404040 ;
-webkit-box-shadow: 3px 3px 3px #404040 ;
-khtml-box-shadow: 3px 3px 3px #404040 ;
}

div#connex:hover 
{  right: -1px ;
}

/* --- Style --- */

h1, h2, h3 
{  padding: 0 ;
margin: 1.3em 0 0.75em -30px ;
color: #335c91 ;
font-family: Arial, sans-serif ;
font-weight: Bold ;
}

body.nomarge div#page h2, body.nomarge div#page h3 
{  margin: 1.3em 0 0.75em 0 ;
}

h1 
{  margin: 0 -30px 0.75em -80px ;
padding: 0.5em 0 ;
background-color: #335c91 ;
color: #fff ;
font-size: 2em ;
text-align: center ;
background-image: url(degrad.png) ;
background-attachment: scroll ;
background-repeat: repeat-x ;
background-position: center ;
}

h1.fine, body.fine div#page h1 
{  padding: 0.2em 0 ;
font-size: 1.2em ;
background-image: url(degradptit.png) ;
}

h2 
{  font-size: 1.3em ;
}

h3 
{  font-style: italic ;
font-size: 1em ;
}

p, ul, ol, address, pre, dl, table, blockquote, fieldset 
{  margin: 0.75em 0 0.75em 0 ;
padding: 0 ;
}

h1 + p, h1 + table, h1 + liste 
{  margin-top: 2em ;
}

blockquote 
{  padding: 0 30px ;
border-left-width: 2px ;
border-left-color: #BBB ;
border-left-style: solid ;
}

fieldset 
{  padding: 0 30px ;
border-color: #335c91 ;
border-style: solid ;
border-radius: 6px ;
-moz-border-radius: 6px ;
-khtml-border-radius: 6px ;
-webkit-border-radius: 6px ;
border-width: 1px ;
}

legend 
{  margin-left: -5px ;
padding-right: 5px ;
padding-left: 5px ;
color: #335c91 ;
font-style: italic ;
font-weight: Bold ;
}

ul, ol 
{  list-style-position: outside ;
}

li 
{  margin-left: 2.2em ;
padding: 0 ;
}

dt 
{  margin: 0.75em 0 0 0 ;
padding: 0 ;
}

dd 
{  margin: 0.25em 0 0.25em 2.2em ;
padding: 0 ;
}

table 
{  border-style: none ;
border-collapse: separate ;
border-spacing: 2px ;
}

th, .th 
{  padding: 3px 0.5em ;
margin: 0 ;
background-color: #335c91 ;
color: #fff ;
font-family: Arial, sans-serif ;
font-weight: Bold ;
text-align: center ;
background-image: url(degradptit.png) ;
background-repeat: repeat-x ;
background-attachment: scroll ;
background-position: center ;
}

td 
{  padding: 0 0.5em ;
margin: 0 ;
}

tr, tr.impair 
{  background-color: #dcdcdc ;
}

tr.pair 
{  background-color: #ebebeb ;
}

.autoPair tr:nth-child(even) 
{  background-color: #ebebeb ;
}

table.noTrait, table.noTrait tr, table.noTrait tr.pair, table.noTrait tr.impair, table.noTrait th, table.noTrait td 
{  background-color: transparent ;
border-width: 0 ;
border-style: none ;
color: black ;
background-image: none ;
}

table.marge th 
{  padding: 0.6em 0.5em ;
}

table.marge td 
{  padding: 0.3em 0.5em ;
}

table.surbrillant tr:hover, table.surbrillant tr.pair:hover, table.surbrillant tr.impair:hover 
{  background-color: #FFFFDE ;
}

img 
{  max-width: 100% ;
border-width: 0 ;
border-style: none ;
}

a:link, a:visited 
{  color: #2f559c ;
}

a:hover, a:focus 
{  color: #aa324e ;
}

a:active 
{  color: #2f559c ;
}

abbr, acronym 
{  border-bottom-width: 1px ;
border-bottom-style: dotted ;
cursor: help ;
}

pre, code, kbd, .pre, .code 
{  font-family: 'Courier New', monospace ;
border-width: 1px ;
border-color: #CECECE ;
border-style: solid ;
background-color: #EAEAEA ;
padding: 1px 3px ;
}

.datemaj 
{  color: #DF0000 ;
text-align: right ;
font-style: italic ;
}

/* --- Formulaire --- */

form 
{  margin: 0 ;
padding: 0 ;
}

input, button, select 
{  vertical-align: middle ;
}

input[readonly] 
{  background-color: #E2E2E2 ;
border-width: 1px ;
border-color: #B8B8B8 ;
border-style: dotted ;
}

textarea 
{  vertical-align: text-top ;
}

/* --- Cadrage --- */

.tab100 
{  display: inline-block ;
width: 100px ;
}

.tab150 
{  display: inline-block ;
width: 150px ;
}

.tab200 
{  display: inline-block ;
width: 200px ;
}

.tab250 
{  display: inline-block ;
width: 250px ;
}

.tab300 
{  display: inline-block ;
width: 300px ;
}

.tab350 
{  display: inline-block ;
width: 350px ;
}

.tab400 
{  display: inline-block ;
width: 400px ;
}

.centre, .centrer 
{  margin-right: auto ;
margin-left: auto ;
}

.max100pc 
{  margin: 0.75em 0 0.75em 0 ;
width: 100% ;
}

.txtLeft, .txtGauche 
{  text-align: left ;
}

.txtRight, .txtDroite 
{  text-align: right ;
}

.txtCenter, .txtCentre 
{  text-align: center ;
}

.txtJust 
{  text-align: justify ;
}

.vertTop 
{  vertical-align: text-top ;
}

.vertMid 
{  vertical-align: middle ;
}

.invisible, .invis 
{  display: none ;
}

/* --- Alerte --- */

td.ok, .tdok, tr.ok td 
{  background-color: green ;
background-image: url(degradptit.png) ;
background-attachment: scroll ;
background-repeat: repeat-x ;
background-position: center ;
color: white ;
font-weight: normal ;
}

td.warning, .tdwarning, tr.warning td 
{  background-color: #E46C00 ;
background-image: url(degradptit.png) ;
background-attachment: scroll ;
background-repeat: repeat-x ;
background-position: center ;
color: white ;
font-weight: normal ;
}

td.alerte, td.ko, td.anomalie, .tdalerte, .tdko, .tdanomalie, tr.alerte td, tr.ko td, tr.anomalie td 
{  background-color: #9F0000 ;
background-image: url(degradptit.png) ;
background-attachment: scroll ;
background-repeat: repeat-x ;
background-position: center ;
color: white ;
font-weight: normal ;
}

td.violet, .tviolet 
{  background-color: #7D009F ;
background-image: url(degradptit.png) ;
background-attachment: scroll ;
background-repeat: repeat-x ;
background-position: center ;
color: white ;
font-weight: normal ;
}

div.ok, p.ok, .pok, #Message 
{  background-color: #BAE4B9 ;
border-color: #61B260 ;
border-style: solid ;
border-width: 2px ;
padding: 3px 6px ;
}

div.warning, p.warning, pwarning 
{  background-color: #FDEAC4 ;
border-color: #DCAB6A ;
border-style: solid ;
border-width: 2px ;
padding: 3px 6px ;
}

div.alerte, div.ko, div.anomalie, div#MessageErreur, p.alerte, p.ko, p.anomalie, p#MessageErreur, .palerte, .pko, .panomalie 
{  background-color: #E4B9B9 ;
border-color: #B10000 ;
border-style: solid ;
border-width: 2px ;
padding: 3px 6px ;
}

/* --- Police --- */

.tail070 
{  font-size: 0.7em ;
}

.tail080 
{  font-size: 0.8em ;
}

.tail090 
{  font-size: 0.9em ;
}

.tail095 
{  font-size: 0.95em ;
}

.tail110 
{  font-size: 1.1em ;
}

.tail120 
{  font-size: 1.2em ;
}

.tail130 
{  font-size: 1.3em ;
}

.tail150 
{  font-size: 1.5em ;
}

.verdana 
{  font-family: Verdana, sans-serif ;
}

.century 
{  font-family: 'Century Gothic', 'Kozuka Gothic Pro', sans-serif ;
}

.times 
{  font-family: "Times New Roman", Times, serif ;
}

.georgia 
{  font-family: Georgia, serif ;
}

/* --- Version Téléphone --- */

@media handheld, only screen and (max-width: 500px), only screen and (max-device-width: 400px)
{

body 
{  margin: 0 ;
padding: 0 ;
background-color: white ;
}

div#page, body.var div#page, body.varpc div#page, body.plein div#page 
{  width: auto ;
min-width: 0 ;
margin: 0 ;
padding: 0 20px 1em 20px ;
text-align: left ;
border-radius: 0px ;
-moz-border-radius: 0px ;
-khtml-border-radius: 0px ;
-webkit-border-radius: 0px ;
box-shadow: 0 0 0 white ;
-moz-box-shadow: 0 0 0 white ;
-webkit-box-shadow: 0 0 0 white ;
-khtml-box-shadow: 0 0 0 white ;
overflow: hidden ;
}

body.fix500 div#page, body.fix600 div#page, body.fix700 div#page, body.fix800 div#page, body.fix900 div#page, body.fix1000 div#page, body.fix1100 div#page, body.fix1200 div#page , body.fix1400 div#page 
{  width: auto ;
}

h2, h3 
{  margin: 0.75em 0 0.75em 0 ;
}

}

/* --- Pour futur html 5 --- */

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section 
{  display: block ;
}